<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>Hugo 搭建个人博客 | Guru Note</title>
    <meta name="generator" content="VuePress 1.7.1">
    <link rel="stylesheet" href="./font/index.css">
    <script src="/docs/icon/svg.js"></script>
    <meta name="description" content="Sea of dawn">
    
    <link rel="preload" href="/docs/assets/css/0.styles.efa081cd.css" as="style"><link rel="preload" href="/docs/assets/js/app.cdec4db9.js" as="script"><link rel="preload" href="/docs/assets/js/2.993bd611.js" as="script"><link rel="preload" href="/docs/assets/js/28.b6b182cf.js" as="script"><link rel="preload" href="/docs/assets/js/7.5a12abef.js" as="script"><link rel="prefetch" href="/docs/assets/js/10.c3177bdb.js"><link rel="prefetch" href="/docs/assets/js/100.60c23478.js"><link rel="prefetch" href="/docs/assets/js/101.7ea29e1b.js"><link rel="prefetch" href="/docs/assets/js/102.7f47e485.js"><link rel="prefetch" href="/docs/assets/js/103.ea9ce400.js"><link rel="prefetch" href="/docs/assets/js/104.4ec6a518.js"><link rel="prefetch" href="/docs/assets/js/105.75526347.js"><link rel="prefetch" href="/docs/assets/js/106.01f6b03b.js"><link rel="prefetch" href="/docs/assets/js/107.69fe0811.js"><link rel="prefetch" href="/docs/assets/js/108.fa23768b.js"><link rel="prefetch" href="/docs/assets/js/109.90df1698.js"><link rel="prefetch" href="/docs/assets/js/11.54347528.js"><link rel="prefetch" href="/docs/assets/js/110.dd8d7227.js"><link rel="prefetch" href="/docs/assets/js/111.ccf25ceb.js"><link rel="prefetch" href="/docs/assets/js/112.6963298f.js"><link rel="prefetch" href="/docs/assets/js/113.30ceb3d8.js"><link rel="prefetch" href="/docs/assets/js/114.42ef6603.js"><link rel="prefetch" href="/docs/assets/js/115.f1db7817.js"><link rel="prefetch" href="/docs/assets/js/116.92971223.js"><link rel="prefetch" href="/docs/assets/js/117.c5a65e7e.js"><link rel="prefetch" href="/docs/assets/js/118.e329035d.js"><link rel="prefetch" href="/docs/assets/js/119.cbb17c5e.js"><link rel="prefetch" href="/docs/assets/js/12.c8144ee8.js"><link rel="prefetch" href="/docs/assets/js/120.8537f6a6.js"><link rel="prefetch" href="/docs/assets/js/121.257d3851.js"><link rel="prefetch" href="/docs/assets/js/122.96a5f921.js"><link rel="prefetch" href="/docs/assets/js/123.2220fd12.js"><link rel="prefetch" href="/docs/assets/js/124.552b1a29.js"><link rel="prefetch" href="/docs/assets/js/125.4e36fe37.js"><link rel="prefetch" href="/docs/assets/js/126.3939cdcc.js"><link rel="prefetch" href="/docs/assets/js/127.014df434.js"><link rel="prefetch" href="/docs/assets/js/13.edc237a8.js"><link rel="prefetch" href="/docs/assets/js/14.66270d4f.js"><link rel="prefetch" href="/docs/assets/js/15.0804164b.js"><link rel="prefetch" href="/docs/assets/js/16.dec928ab.js"><link rel="prefetch" href="/docs/assets/js/17.bbfc90a8.js"><link rel="prefetch" href="/docs/assets/js/18.76904860.js"><link rel="prefetch" href="/docs/assets/js/19.80a98011.js"><link rel="prefetch" href="/docs/assets/js/20.c39e42bd.js"><link rel="prefetch" href="/docs/assets/js/21.287b744a.js"><link rel="prefetch" href="/docs/assets/js/22.c9506be7.js"><link rel="prefetch" href="/docs/assets/js/23.9732a229.js"><link rel="prefetch" href="/docs/assets/js/24.21ed1f05.js"><link rel="prefetch" href="/docs/assets/js/25.8f1926f6.js"><link rel="prefetch" href="/docs/assets/js/26.61b6eb9f.js"><link rel="prefetch" href="/docs/assets/js/27.3706753c.js"><link rel="prefetch" href="/docs/assets/js/29.ae979ad9.js"><link rel="prefetch" href="/docs/assets/js/3.a7f8dd77.js"><link rel="prefetch" href="/docs/assets/js/30.f2233269.js"><link rel="prefetch" href="/docs/assets/js/31.06780314.js"><link rel="prefetch" href="/docs/assets/js/32.2dad91d1.js"><link rel="prefetch" href="/docs/assets/js/33.87ec6e22.js"><link rel="prefetch" href="/docs/assets/js/34.7b75f220.js"><link rel="prefetch" href="/docs/assets/js/35.3184991f.js"><link rel="prefetch" href="/docs/assets/js/36.28248fbe.js"><link rel="prefetch" href="/docs/assets/js/37.5824a979.js"><link rel="prefetch" href="/docs/assets/js/38.99a364fe.js"><link rel="prefetch" href="/docs/assets/js/39.a5f43732.js"><link rel="prefetch" href="/docs/assets/js/4.a55d89ed.js"><link rel="prefetch" href="/docs/assets/js/40.629f78f7.js"><link rel="prefetch" href="/docs/assets/js/41.e4f58d1c.js"><link rel="prefetch" href="/docs/assets/js/42.9f41aa47.js"><link rel="prefetch" href="/docs/assets/js/43.636412b6.js"><link rel="prefetch" href="/docs/assets/js/44.3b491aef.js"><link rel="prefetch" href="/docs/assets/js/45.77df19bc.js"><link rel="prefetch" href="/docs/assets/js/46.01f53ddd.js"><link rel="prefetch" href="/docs/assets/js/47.476e85c9.js"><link rel="prefetch" href="/docs/assets/js/48.198502dc.js"><link rel="prefetch" href="/docs/assets/js/49.0d59d332.js"><link rel="prefetch" href="/docs/assets/js/5.1597c0f8.js"><link rel="prefetch" href="/docs/assets/js/50.02baf101.js"><link rel="prefetch" href="/docs/assets/js/51.c9fbd54d.js"><link rel="prefetch" href="/docs/assets/js/52.4cb4459b.js"><link rel="prefetch" href="/docs/assets/js/53.248450d7.js"><link rel="prefetch" href="/docs/assets/js/54.83f12d1e.js"><link rel="prefetch" href="/docs/assets/js/55.b18accba.js"><link rel="prefetch" href="/docs/assets/js/56.8a160b09.js"><link rel="prefetch" href="/docs/assets/js/57.b854a940.js"><link rel="prefetch" href="/docs/assets/js/58.4500f315.js"><link rel="prefetch" href="/docs/assets/js/59.59400e36.js"><link rel="prefetch" href="/docs/assets/js/6.887ba020.js"><link rel="prefetch" href="/docs/assets/js/60.4dd5b5bb.js"><link rel="prefetch" href="/docs/assets/js/61.50d8c8f6.js"><link rel="prefetch" href="/docs/assets/js/62.17d10daa.js"><link rel="prefetch" href="/docs/assets/js/63.d5f821cc.js"><link rel="prefetch" href="/docs/assets/js/64.7bf2519f.js"><link rel="prefetch" href="/docs/assets/js/65.0a1c9bc8.js"><link rel="prefetch" href="/docs/assets/js/66.1bcaa81c.js"><link rel="prefetch" href="/docs/assets/js/67.326bdf9b.js"><link rel="prefetch" href="/docs/assets/js/68.2b3b63b2.js"><link rel="prefetch" href="/docs/assets/js/69.c9b1a1a9.js"><link rel="prefetch" href="/docs/assets/js/70.a5fede78.js"><link rel="prefetch" href="/docs/assets/js/71.288d9643.js"><link rel="prefetch" href="/docs/assets/js/72.8665d6b8.js"><link rel="prefetch" href="/docs/assets/js/73.47155429.js"><link rel="prefetch" href="/docs/assets/js/74.4d4738f8.js"><link rel="prefetch" href="/docs/assets/js/75.659a325f.js"><link rel="prefetch" href="/docs/assets/js/76.a263f692.js"><link rel="prefetch" href="/docs/assets/js/77.9d86d59e.js"><link rel="prefetch" href="/docs/assets/js/78.a41b5d88.js"><link rel="prefetch" href="/docs/assets/js/79.5d0fc4cc.js"><link rel="prefetch" href="/docs/assets/js/8.80d0c81d.js"><link rel="prefetch" href="/docs/assets/js/80.01a11f6a.js"><link rel="prefetch" href="/docs/assets/js/81.9c0207d9.js"><link rel="prefetch" href="/docs/assets/js/82.12be8e04.js"><link rel="prefetch" href="/docs/assets/js/83.00fa5f46.js"><link rel="prefetch" href="/docs/assets/js/84.f14cd53c.js"><link rel="prefetch" href="/docs/assets/js/85.e9d7c0d1.js"><link rel="prefetch" href="/docs/assets/js/86.eb78fbbf.js"><link rel="prefetch" href="/docs/assets/js/87.8a31f5ae.js"><link rel="prefetch" href="/docs/assets/js/88.0f10e6dc.js"><link rel="prefetch" href="/docs/assets/js/89.a17253c9.js"><link rel="prefetch" href="/docs/assets/js/9.2fa568cb.js"><link rel="prefetch" href="/docs/assets/js/90.e56bc609.js"><link rel="prefetch" href="/docs/assets/js/91.5277db18.js"><link rel="prefetch" href="/docs/assets/js/92.b0bb8aa7.js"><link rel="prefetch" href="/docs/assets/js/93.cd790b77.js"><link rel="prefetch" href="/docs/assets/js/94.76bbe227.js"><link rel="prefetch" href="/docs/assets/js/95.4f07ca32.js"><link rel="prefetch" href="/docs/assets/js/96.2b1e8485.js"><link rel="prefetch" href="/docs/assets/js/97.e93b3461.js"><link rel="prefetch" href="/docs/assets/js/98.658063a1.js"><link rel="prefetch" href="/docs/assets/js/99.a3642e6d.js">
    <link rel="stylesheet" href="/docs/assets/css/0.styles.efa081cd.css">
  </head>
  <body>
    <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/docs/" class="home-link router-link-active"><!----> <span class="site-name">Guru Note</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----> <svg aria-hidden="true" class="icon search-icon"><use xlink:href="#icon-search"></use></svg></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/docs/layout/" class="nav-link">
  CSS 手册
</a></div><div class="nav-item"><a href="/docs/js/" class="nav-link">
  JavaScript
</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="前端进阶" class="dropdown-title"><span class="title">前端进阶</span> <span class="arrow down"></span></button> <button type="button" aria-label="前端进阶" class="mobile-dropdown-title"><span class="title">前端进阶</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><h4>
          前端框架
        </h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/docs/vue/" class="nav-link">
  Vue.js
</a></li><li class="dropdown-subitem"><a href="/docs/react/" class="nav-link">
  React.js
</a></li></ul></li><li class="dropdown-item"><h4>
          拓展语言
        </h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/docs/node/" class="nav-link">
  Node.js
</a></li><li class="dropdown-subitem"><a href="/docs/ts/" class="nav-link">
  TypeScript
</a></li></ul></li></ul></div></div><div class="nav-item"><a href="/docs/devbook/" class="nav-link router-link-active">
  开发手册
</a></div><div class="nav-item"><a href="/docs/exam/" class="nav-link">
  金九银十
</a></div><div class="nav-item"><a href="/docs/message/" class="nav-link">
  留言板
</a></div> <!----></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><div class="el-scrollbar"><div class="scrollbar-wrapper el-scrollbar__wrap el-scrollbar__wrap--hidden-default"><div class="el-scrollbar__view"><nav class="nav-links"><div class="nav-item"><a href="/docs/layout/" class="nav-link">
  CSS 手册
</a></div><div class="nav-item"><a href="/docs/js/" class="nav-link">
  JavaScript
</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="前端进阶" class="dropdown-title"><span class="title">前端进阶</span> <span class="arrow down"></span></button> <button type="button" aria-label="前端进阶" class="mobile-dropdown-title"><span class="title">前端进阶</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><h4>
          前端框架
        </h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/docs/vue/" class="nav-link">
  Vue.js
</a></li><li class="dropdown-subitem"><a href="/docs/react/" class="nav-link">
  React.js
</a></li></ul></li><li class="dropdown-item"><h4>
          拓展语言
        </h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/docs/node/" class="nav-link">
  Node.js
</a></li><li class="dropdown-subitem"><a href="/docs/ts/" class="nav-link">
  TypeScript
</a></li></ul></li></ul></div></div><div class="nav-item"><a href="/docs/devbook/" class="nav-link router-link-active">
  开发手册
</a></div><div class="nav-item"><a href="/docs/exam/" class="nav-link">
  金九银十
</a></div><div class="nav-item"><a href="/docs/message/" class="nav-link">
  留言板
</a></div> <!----></nav>  <ul class="sidebar-links"><li><a href="/docs/devbook/" aria-current="page" class="sidebar-link">介绍</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>开发者小记</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/docs/devbook/note/regex-getting-started.html" class="sidebar-link">正则表达式入门</a></li><li><a href="/docs/devbook/note/lisp-getting-started.html" class="sidebar-link">Lisp 入门</a></li><li><a href="/docs/devbook/note/search-skill.html" class="sidebar-link">搜索引擎常用技巧</a></li><li><a href="/docs/devbook/note/the-http.html" class="sidebar-link">HTTP 相关知识科普</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>环境搭建</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/docs/devbook/setting/node-use.html" class="sidebar-link">Node.js 安装教程</a></li><li><a href="/docs/devbook/setting/cmder-install.html" class="sidebar-link">Cmder 配置教程</a></li><li><a href="/docs/devbook/setting/vscode-and-cmder-use.html" class="sidebar-link">VSCode 与 Cmder 配合使用</a></li><li><a href="/docs/devbook/setting/tool-recommend.html" class="sidebar-link">Windows 常用工具</a></li><li><a href="/docs/devbook/setting/webstorm.html" class="sidebar-link">WebStorm 配置</a></li><li><a href="/docs/devbook/setting/vscode.html" class="sidebar-link">VSCode 配置</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>命令行工具</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/docs/devbook/cli-plugin.html" class="sidebar-link">命令行常用插件</a></li><li><a href="/docs/devbook/cli-hot-key.html" class="sidebar-link">命令行快捷键</a></li><li><a href="/docs/devbook/git-getting-started.html" class="sidebar-link">Git 命令入门</a></li><li><a href="/docs/devbook/git-many-remotely.html" class="sidebar-link">Git 关联多个远程仓库</a></li><li><a href="/docs/devbook/mobile-file.html" class="sidebar-link">文件操作命令</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>博客搭建</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/docs/devbook/hexo-build-blog.html" class="sidebar-link">Hexo 搭建博客教程</a></li><li><a href="/docs/devbook/hexo-generate.html" class="sidebar-link">Hexo 生成永久链接</a></li><li><a href="/docs/devbook/hexo-theme.html" class="sidebar-link">Hexo 主题推荐</a></li><li><a href="/docs/devbook/hugo-created-blog.html" aria-current="page" class="active sidebar-link">Hugo 搭建个人博客</a></li></ul></section></li></ul> </div></div><div class="el-scrollbar__bar is-horizontal"><div class="el-scrollbar__thumb" style="width:0;transform:translateX(0%);ms-transform:translateX(0%);webkit-transform:translateX(0%);"></div></div><div class="el-scrollbar__bar is-vertical"><div class="el-scrollbar__thumb" style="height:0;transform:translateY(0%);ms-transform:translateY(0%);webkit-transform:translateY(0%);"></div></div></div></aside> <main class="page"> <div class="re-page-top"><h1 class="title"><span>Hugo 搭建个人博客</span></h1> <div class="re-page-index"><div class="page-index-title"><span class="open-catalog"><svg aria-hidden="true" class="icon arrow-right"><use xlink:href="#icon-bold-right"></use></svg> <span class="text">目录</span></span></div> <div class="page-index-content"><div class="page-catalog" style="display:none;"><div class="synopsis-wrap"><ul class="synopsis-ul"><li class="synopsis-li"><a href="/docs/devbook/hugo-created-blog.html#安装" class="synopsis-link">安装</a></li><li class="synopsis-li"><a href="/docs/devbook/hugo-created-blog.html#搭建博客" class="synopsis-link">搭建博客</a><ul class="synopsis-ul"><li class="synopsis-li"><a href="/docs/devbook/hugo-created-blog.html#创建博客目录" class="synopsis-link">创建博客目录</a></li><li class="synopsis-li"><a href="/docs/devbook/hugo-created-blog.html#给博客添加默认主题" class="synopsis-link">给博客添加默认主题</a></li><li class="synopsis-li"><a href="/docs/devbook/hugo-created-blog.html#将主题添加到站点配置中" class="synopsis-link">将主题添加到站点配置中</a></li><li class="synopsis-li"><a href="/docs/devbook/hugo-created-blog.html#创建一篇博客" class="synopsis-link">创建一篇博客</a></li><li class="synopsis-li"><a href="/docs/devbook/hugo-created-blog.html#修改博客属性" class="synopsis-link">修改博客属性</a></li><li class="synopsis-li"><a href="/docs/devbook/hugo-created-blog.html#开启一个hugo测试服务器" class="synopsis-link">开启一个hugo测试服务器</a></li><li class="synopsis-li"><a href="/docs/devbook/hugo-created-blog.html#配置网站" class="synopsis-link">配置网站</a></li></ul></li><li class="synopsis-li"><a href="/docs/devbook/hugo-created-blog.html#添加脚本文件" class="synopsis-link">添加脚本文件</a><ul class="synopsis-ul"><li class="synopsis-li"><a href="/docs/devbook/hugo-created-blog.html#推送博客至仓库" class="synopsis-link">推送博客至仓库</a></li><li class="synopsis-li"><a href="/docs/devbook/hugo-created-blog.html#快捷新建文章" class="synopsis-link">快捷新建文章</a></li></ul></li><li class="synopsis-li"><a href="/docs/devbook/hugo-created-blog.html#拓展" class="synopsis-link">拓展</a><ul class="synopsis-ul"><li class="synopsis-li"><a href="/docs/devbook/hugo-created-blog.html#修改博客主题" class="synopsis-link">修改博客主题</a></li></ul></li></ul></div></div></div></div></div> <div class="theme-default-content content__default"><p>此教程只适用于在 Windows10 环境下搭建。其他系统在官网自行查询教程即可。</p> <h2 id="安装"><a href="#安装" class="header-anchor">#</a> 安装</h2> <p>去Github下载：https://github.com/gohugoio/hugo/releases</p> <p>通常选择 <code>hugo_X.XX.X_Windows-64bit.zip</code> 或者 <code>hugo_extended_X.XX.X_Windows-64bit.zip</code>（拓展版）即可，部分博客可能需要安装拓展版。</p> <p>下载后最好解压到一个无空格无中文的目录。</p> <p>解压后在我的电脑中配置环境，分别按照以下步骤点击：</p> <p>右键此电脑 &gt; 属性 &gt; 高级系统设置 &gt; 环境变量 &gt; 选择「系统变量」下的 <code>Path</code> 编辑，在 <code>Path</code> 中添加 hugo 的安装路径。</p> <p>图示：</p> <img src="/docs/images/blog-hugo-path1.jpg" alt="hugo"> <img src="/docs/images/blog-hugo-path2.jpg" alt="hugo"> <p>安装后运行以下命令，检查版本</p> <div class="language-sh extra-class"><pre class="language-sh"><code>hugo version
</code></pre></div><p>看到类似以下内容，表示安装成功</p> <div class="language-sh extra-class"><pre class="language-sh"><code>Hugo Static Site Generator v0.58.3/extended windows/amd64 BuildDate: unknown
</code></pre></div><h2 id="搭建博客"><a href="#搭建博客" class="header-anchor">#</a> 搭建博客</h2> <p>官方文档：https://gohugo.io/</p> <h3 id="创建博客目录"><a href="#创建博客目录" class="header-anchor">#</a> 创建博客目录</h3> <div class="language-sh extra-class"><pre class="language-sh"><code>hugo new site quickstart
</code></pre></div><h3 id="给博客添加默认主题"><a href="#给博客添加默认主题" class="header-anchor">#</a> 给博客添加默认主题</h3> <div class="language-sh extra-class"><pre class="language-sh"><code><span class="token comment"># 进入博客根目录</span>
<span class="token builtin class-name">cd</span> quickstart
<span class="token comment"># 初始化一个git仓库</span>
<span class="token function">git</span> init
<span class="token comment"># 下载默认博客主题</span>
<span class="token function">git</span> submodule <span class="token function">add</span> https://github.com/budparr/gohugo-theme-ananke.git themes/ananke
</code></pre></div><h3 id="将主题添加到站点配置中"><a href="#将主题添加到站点配置中" class="header-anchor">#</a> 将主题添加到站点配置中</h3> <div class="language-sh extra-class"><pre class="language-sh"><code><span class="token builtin class-name">echo</span> <span class="token string">'theme = &quot;ananke&quot;'</span> <span class="token operator">&gt;&gt;</span> config.toml
</code></pre></div><h3 id="创建一篇博客"><a href="#创建一篇博客" class="header-anchor">#</a> 创建一篇博客</h3> <div class="language-sh extra-class"><pre class="language-sh"><code>hugo new posts/my-first-post.md
</code></pre></div><h3 id="修改博客属性"><a href="#修改博客属性" class="header-anchor">#</a> 修改博客属性</h3> <p>将博客下 <code>draft: true</code> 修改为 <code>draft: false</code>（draft 为 true 表示该博客为草稿状态，不会展示）</p> <div class="language-markdown extra-class"><pre class="language-markdown"><code><span class="token hr punctuation">---</span>
title: &quot;My First Post&quot;
date: 2019-03-26T08:47:11+01:00
<span class="token title important">draft: true
<span class="token punctuation">---</span></span>
</code></pre></div><h3 id="开启一个hugo测试服务器"><a href="#开启一个hugo测试服务器" class="header-anchor">#</a> 开启一个hugo测试服务器</h3> <div class="language-sh extra-class"><pre class="language-sh"><code>hugo server -D
</code></pre></div><h3 id="配置网站"><a href="#配置网站" class="header-anchor">#</a> 配置网站</h3> <p>打开博客根目录下的 <code>config.toml</code> 文件，修改其中的配置</p> <p>baseURL 表示博客的域名。</p> <p>theme 表示博客所用的主题。</p> <p>title 表示博客标题。</p> <p>languageCode 表示博客所用语言。</p> <div class="language-toml extra-class"><pre class="language-toml"><code><span class="token key property">baseURL</span> <span class="token punctuation">=</span> <span class="token string">&quot;https://example.org/&quot;</span>
<span class="token key property">languageCode</span> <span class="token punctuation">=</span> <span class="token string">&quot;en-us&quot;</span>
<span class="token key property">title</span> <span class="token punctuation">=</span> <span class="token string">&quot;My New Hugo Site&quot;</span>
<span class="token key property">theme</span> <span class="token punctuation">=</span> <span class="token string">&quot;ananke&quot;</span>
</code></pre></div><h2 id="添加脚本文件"><a href="#添加脚本文件" class="header-anchor">#</a> 添加脚本文件</h2> <h3 id="推送博客至仓库"><a href="#推送博客至仓库" class="header-anchor">#</a> 推送博客至仓库</h3> <p>在博客根目录下创建一个名为 <code>add.sh</code> 的文件，并添加以下内容：</p> <div class="language- extra-class"><pre class="language-text"><code># 确保脚本抛出遇到的错误
set -e

# 删除之前的文件
rm -rf public/

# 生成静态文件
hugo

# 进入生成的文件夹
cd public

# 如果是发布到自定义域名
# echo 'www.example.com' &gt; CNAME

git init
git add -A
git commit -m 'update'

# 如果发布到 https://&lt;USERNAME&gt;.github.io  USERNAME=你的用户名 
# git push -f git@github.com:&lt;USERNAME&gt;/&lt;USERNAME&gt;.github.io.git master

# 如果发布到 https://&lt;USERNAME&gt;.github.io/&lt;REPO&gt;  REPO=github上的项目
# git push -f git@github.com:&lt;USERNAME&gt;/&lt;REPO&gt;.git master:gh-pages

cd -
</code></pre></div><p>配置后运行以下命令即可推送博客：</p> <div class="language-sh extra-class"><pre class="language-sh"><code><span class="token function">sh</span> add.sh
</code></pre></div><h3 id="快捷新建文章"><a href="#快捷新建文章" class="header-anchor">#</a> 快捷新建文章</h3> <p>在博客根目录下创建一个名为 <code>new.sh</code> 的文件，并添加以下内容：</p> <div class="language-sh extra-class"><pre class="language-sh"><code><span class="token comment"># 判断第一个参数是否存在，-z表示第一个参数的长度为0，也就是不存在</span>
<span class="token comment"># 如果不存在，就将title的值命名为：日期+blog+当前时间 的格式创建</span>
<span class="token comment"># 如果存在，就将title的值命名为：日期+参数 的格式创建</span>
<span class="token keyword">if</span> <span class="token punctuation">[</span> -z <span class="token variable">$1</span> <span class="token punctuation">]</span><span class="token punctuation">;</span><span class="token keyword">then</span>
%Y-%m-%d %H:%m:%S
<span class="token assign-left variable">title</span><span class="token operator">=</span><span class="token string">&quot;<span class="token variable"><span class="token variable">`</span><span class="token function">date</span> +<span class="token string">&quot;%Y-%m-%d-blog%H%M%S&quot;</span><span class="token variable">`</span></span>&quot;</span>
<span class="token keyword">else</span>
<span class="token assign-left variable">title</span><span class="token operator">=</span><span class="token string">&quot;<span class="token variable"><span class="token variable">`</span><span class="token function">date</span> +<span class="token string">&quot;%Y-%m-%d&quot;</span><span class="token variable">`</span></span>-<span class="token variable">$1</span>&quot;</span>
<span class="token keyword">fi</span>

hugo new posts/<span class="token string">&quot;<span class="token variable">${title}</span>.md&quot;</span>
</code></pre></div><p>创建后运行以下命令即可：</p> <div class="language-sh extra-class"><pre class="language-sh"><code><span class="token function">sh</span> new.sh <span class="token string">&quot;新博客&quot;</span>
</code></pre></div><blockquote><p>注：脚本文件可以去掉 <code>.sh</code> 后缀，运行时输入 <code>sh add</code>  或 <code>sh new &quot;新博客&quot;</code> 即可</p></blockquote> <h2 id="拓展"><a href="#拓展" class="header-anchor">#</a> 拓展</h2> <h3 id="修改博客主题"><a href="#修改博客主题" class="header-anchor">#</a> 修改博客主题</h3> <ol><li><p>选择一个喜欢的主题：https://themes.gohugo.io/</p></li> <li><p>按照主题的说明文档配置主题</p></li> <li><p>修改博客根目下 <code>config.toml</code> 中的 theme 属性</p></li> <li><p>运行 <code>hugo server -D</code> 测试主题</p></li></ol></div> <footer class="page-edit"><!----> <div class="last-updated"><span class="prefix">上次更新：</span><span class="time">2021-02-10 12:44</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev"><svg aria-hidden="true" class="icon"><use xlink:href="#icon-left"></use></svg> <a href="/docs/devbook/hexo-theme.html" class="prev">Hexo 主题推荐</a></span> <!----></p></div> </main></div><div class="global-ui"><!----><!----></div></div>
    <script src="/docs/assets/js/app.cdec4db9.js" defer></script><script src="/docs/assets/js/2.993bd611.js" defer></script><script src="/docs/assets/js/28.b6b182cf.js" defer></script><script src="/docs/assets/js/7.5a12abef.js" defer></script>
  </body>
</html>
